

$(function(){
	//引入头部和右边固定导航栏
	$("#header").load("head.html?="+Math.random());
	$("#footer").load("footer.html?="+Math.random());
	$(".fix").load("fix_nav.html?="+Math.random());
	
	//topbar 二维码显示效果,鼠标移入显示二维码，鼠标移除隐藏二维码
	var $two=$(".tow_D_barcodes");
	$two.mouseover(function(){
		$two.children("ul").show();
	}).mouseout(function(){
		$two.children("ul").hide();
	});
	//----------------------------------------------------------------------
	//logo及搜索框的轮播效果，几条承诺的轮番显示
	
    //-------------------------------------------------------
    //导航栏菜单的鼠标移入事件
    //获取列表的li元素
    var $nav_list_li=$("#nav_list li");
    //改变下标为奇数的li的背景颜色
    $("#nav_list li:odd").css("background","rgb(242,242,242)")
    //鼠标移入显示下级菜单
    
    $nav_list_li.on("mouseover",function(){
    	$(this).children("div").show().siblings().children("div").hide();
    }).on("mouseout",function(){
    	$(this).children("div").hide();
    })
    
    //热销栏鼠标的 移入事件 移入后改变p的定位位置
    $("#hot_show li:gt(0)").on("mouseover",function(){
    	$(this).children("p").stop().animate({bottom:0},200);
    	
    }).on("mouseout",function(){
    	$(this).children("p").stop().animate({bottom:-20},200);
    })
    //------------------------------------
    
    //精彩推荐鼠标 移入事件
    $("#new_show img").on("mouseover",function(){
    	$(this).stop().animate({right:0});
    }).on("mouseout",function(){
    	$(this).stop().animate({right:-20});
    })
    
    //-----------------------------------------
    //热门分销鼠标移入事件
    $("#hot_net li").on("mouseover",function(){
    	$(this).children(".name").show();
    }).on("mouseout",function(){
    	$(this).children(".name").hide();
    })
    
    
    //-------------------------------------------
    //浮动搜索框的显示与影藏
    $(window).scroll(function(){
    	if($(window).scrollTop()>=200){
    		$("#float_search_bar").fadeIn();
    	}else{
    		$("#float_search_bar").fadeOut();
    	}
    })
    //-----------------------------------
    //右边固定导航
    //高度为屏幕的高度
  
    
    //-----------------------------------------------------------
    //楼层滚动效果
    var $nav = $('#floor_nav');
	var $floor = $('#main .floor');

	// 2）滚动
	$(window).on('scroll',function(){
		var scrollTop = $(window).scrollTop();
		// 1>滚动距离大于1000，显示楼层导航，小于1000时隐藏
		if (scrollTop > 1000) {
		    //淡入（显示）
			$nav.fadeIn('slow');//600
		} else {
		    //淡出（隐藏）
			$nav.fadeOut('fast');//200
		}

		// 2>滚动到某一楼层时，高亮显示导航对应楼层
	    // 得到当前楼层的index值
		$floor.each(function (idx, ele) {
		    
		    if (scrollTop >= $(ele).offset().top && scrollTop < ($(ele).offset().top + $(ele).outerHeight() / 2) - 100) {

				$nav.find('li').not('.last').removeClass('hover').eq(idx).addClass('hover');

				// 退出循环
				return false;
			}
		});
	});
	
	// 3）点击楼层导航，跳转到相应楼层
	$nav.on('click','li',function(){
		var index = $(this).index();
		var top;
		if($(this).hasClass('last')){
			top = 0;
		}else{
			top = $floor.eq(index).offset().top;
		}
		// $(window).scrollTop(top);
		$('html,body').animate({scrollTop:top});
	});
	//楼层效果
	var $li=$(".floor .list_1 li");
	$li.on("mouseover",function(){
		$(this).stop().animate({width:220})
		
		$(".floor_play").stop().animate({left:-($(this).index())*240})

	}).on("mouseout",function(){
		$(this).stop().animate({width:200})
	})
	
	//跳转到商品详情
	$(".good_detalis").click(function(){
		window.location.href="good_details.html";
	})
	
	//点击加入购物车
	var num=0;
	$("#hot_show li:gt(0):lt(5)").click(function(){
		
		var status=$.cookie("登录状态");
		var status_arr=JSON.parse(status);
		if(status_arr==null){
			alert("请先登录！");
		}else{
			num++
			var obj={
				img:$("#hot_show li").eq($(this).index()).find("img").attr('src'),
				title:$("#hot_show li").eq($(this).index()).find("p").text(),
				price:$("#hot_show li").eq($(this).index()).find("p").find("b").text()
				//good_num:num++
			}
			//console.log(obj);
			var shopping_cookie=$.cookie("购物车");
			//如果没有用户信息的cookie，那么添加用户信息的cookie
			//console.log(shopping_cookie);
			if(shopping_cookie==undefined){
				//定义一个数组，用来存放用户信息对象
				var arr=[];
				//将对象加入数组中
				arr.push(obj);
				//将数组转化为字符串
				console.log(arr)
				var jsonk=JSON.stringify(arr);
				
				//以‘购物车’为名，商品信息字符串为值生成cookie
				$.cookie("购物车",jsonk,{path:'/',expires:15});
				var good_detalis= $.cookie("购物车");
				//转换为数组
				console.log(good_detalis)
				var good_detalis_arr=JSON.parse(good_detalis);
				console.log(good_detalis_arr)
				var html=""
				$.each(good_detalis_arr,function(index,content){
					html=content["good_num"];
				});
				$(".#fix_nav .car span").html(html);
			}
			else{
				//如果有了 用户信息的cookie 那么解码用户信息字符串，变成一个数组
				var good_detalis_arr=JSON.parse(shopping_cookie)
				//再把用户名加入 数组之前，需要判断数组里是否有重名的用户名
				//方法为，定义一个变量，去遍历用户名数组，只要发现重名，改变这个变量的值
				console.log(good_detalis_arr);
				var repeat=1;
				//遍历数组，用新建的用户名和数组里的用户名进行对比，有重名则返回0；
				$.each(good_detalis_arr,function(index,content){
					html=content["good_num"];
				});
				$("#fix_nav .car span").html(num);
				//当变量的值没有改变时，也就是数组里没有重名的用户名，就可以注册新用户名
				
					//将新建的用户名的加入到取出数组中
					good_detalis_arr.push(obj);
					//每次注册新的用户名得到新数组，转化为字符串生成cookie，这样就可以注册很多个用户名
					var jsonk_1=JSON.stringify(good_detalis_arr);
					$.cookie("购物车",jsonk_1,{path:'/',expires:15});
					//alert("恭喜您，注册成功！");	
				
			}
		};
	})
	
    
})